<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>InDesign CS4 * Kuler panel</title>
        <meta name="product" content="$product" />
        <meta name="productv" content="" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSa285fff53dea4f8617383751001ea8cb3f-6c9aa.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="InDesign"><table><tr><td class="banner">InDesign CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/InDesign/6.0/indesign_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WSa285fff53dea4f8617383751001ea8cb3f-6c8aa.html" title="Import swatches"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSa285fff53dea4f8617383751001ea8cb3f-6c84a.html" title="Tints"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy"><a href="WSa285fff53dea4f8617383751001ea8cb3f-6cb0a.html">Color</a> /
     <a href="WSa285fff53dea4f8617383751001ea8cb3f-6c9aa.html"><b>Working with swatches</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Kuler panel
                </h1>
<!-- END PAGE TITLE -->
                <br clear="both" /><div id="minitoc"><div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"><div><h3>Contents [<a href="#" onclick="return toggleMiniToc('minitoc-links', this);" class="hideLink">Hide</a>]</h3><ul id="minitoc-links"><li><p><a href="#WS509E9732-2821-4045-A8CD-46E678FB16A3"><h4 class="topictitle4">About the Kuler panel</h4>
</a></p></li><li><p><a href="#WSC48DB956-6C38-4d12-8532-BD216149FA75"><h4 class="topictitle4">Browse themes</h4>
</a></p><ul><li><p><a href="#WS7F514A04-D897-4a79-8C8D-195BAFEA368E"><h5 class="topictitle5">Search themes</h5>
</a></p></li><li><p><a href="#WS31FF9FE4-A7F4-4d7f-8A33-D408F9DEDA6F"><h5 class="topictitle5">View a theme online on Kuler</h5>
</a></p></li><li><p><a href="#WSEC99810E-EF59-4a61-9132-97BEF14711DE"><h5 class="topictitle5">Saving frequent searches</h5>
</a></p></li></ul></li><li><p><a href="#WSC7615092-FA13-41f9-9D8D-447CABCDD340"><h4 class="topictitle4">Working with themes</h4>
</a></p><ul><li><p><a href="#WS55F178FF-4A93-4baa-BF2C-E73E7E619EF9"><h5 class="topictitle5">Add a theme to the Swatches panel of your application</h5>
</a></p></li><li><p><a href="#WS4E016AF2-3CFA-4e0b-BBC1-46F61716FEF4"><h5 class="topictitle5">Edit a theme</h5>
</a></p></li><li><p><a href="#WS25729194-D53D-4dad-BF91-86C78DFEF275"><h5 class="topictitle5">Create panel tools</h5>
</a></p></li></ul></li></ul></div></div><br clear="both" /></div></div></div></div></div></div></div></div><br clear="both" /><div><ul class="navlinklist"></ul>
</div>
<div id="WS509E9732-2821-4045-A8CD-46E678FB16A3" class="nochunk"><a name="WS509E9732-2821-4045-A8CD-46E678FB16A3"></a><h3 class="topictitle3">About the Kuler panel</h3><div><p>The Kuler™ panel is your portal to groups of colors, or
themes, created by an online community of designers. You can use
it to browse thousands of themes on Kuler™, and then download some
to edit or to include in your own projects. You can also use the
Kuler panel to create and save themes, and then share them with the
Kuler community by uploading them.</p>
<p>The Kuler panel is available in Adobe Photoshop® CS4, Adobe Flash®
Professional CS4, Adobe InDesign® CS4, Adobe Illustrator® CS4, and
Adobe Fireworks® CS4. The panel is not available in the French versions
of these products.</p>
<p>For a video on the Kuler panel, see <a href="http://www.adobe.com/go/lrvid4088_xp" target="_blank">www.adobe.com/go/lrvid4088_xp</a>.</p>
<p>For an article on Kuler and color inspiration, see Veerle Pieters'
blog at <a href="http://veerle.duoh.com/blog/comments/adobe_kuler_update_and_color_tips/" target="_blank">http://veerle.duoh.com/blog/comments/adobe_kuler_update_and_color_tips/</a>.</p>
</div></div>
<div id="WSC48DB956-6C38-4d12-8532-BD216149FA75" class="nochunk"><a name="WSC48DB956-6C38-4d12-8532-BD216149FA75"></a><h3 class="topictitle3">Browse themes</h3><div><p>An Internet connection is required to browse themes online.</p>
</div><div id="WS7F514A04-D897-4a79-8C8D-195BAFEA368E" class="nochunk"><a name="WS7F514A04-D897-4a79-8C8D-195BAFEA368E"></a><h4 class="topictitle4">Search themes</h4><div><ol><li><p>Select Window &gt; Extensions &gt; Kuler, and then
select the Browse panel.</p>
</li>
<li><p>In the Search box, enter the name of a theme, a tag, or a
creator.</p>
<div class="note"><span class="notetitle">Note:  </span>Use only alphanumerical characters (Aa-Zz, 0-9)
in searches.</div>
</li>
<li><p>Filter the search results by selecting an option from the
pop-up menus above the results.</p>
</li>
</ol>
</div></div><div id="WS31FF9FE4-A7F4-4d7f-8A33-D408F9DEDA6F" class="nochunk"><a name="WS31FF9FE4-A7F4-4d7f-8A33-D408F9DEDA6F"></a><h4 class="topictitle4">View a theme online on Kuler</h4><div><ol><li><p>In the Browse panel, select a theme in the search
results.</p>
</li>
<li><p>Click the triangle on the right side of the theme and select
View Online in Kuler.</p>
</li>
</ol>
</div></div><div id="WSEC99810E-EF59-4a61-9132-97BEF14711DE" class="nochunk"><a name="WSEC99810E-EF59-4a61-9132-97BEF14711DE"></a><h4 class="topictitle4">Saving frequent searches</h4><div><ol><li><p>Select the Custom option in the first pop-up menu
in the Browse panel.</p>
</li>
<li><p>In the dialog box that opens, enter your search terms and
save them.</p>
</li>
</ol>
<p>When you want to run the search, select it from the first pop-up
menu.</p>
<p>To delete a saved search, select the Custom option in the pop-up
menu and clear the searches you’d like to delete.</p>
</div></div></div>
<div id="WSC7615092-FA13-41f9-9D8D-447CABCDD340" class="nochunk"><a name="WSC7615092-FA13-41f9-9D8D-447CABCDD340"></a><h3 class="topictitle3">Working with themes</h3><div><p>You can use the Kuler panel to create or edit themes, and
include them in your projects.</p>
<div class="note"><span class="notetitle">Note:  </span>In Illustrator, you create and edit themes with the Edit Color/Recolor
Artwork dialog box, rather than the Create panel. For details, see
Illustrator Help.</div>
</div><div id="WS55F178FF-4A93-4baa-BF2C-E73E7E619EF9" class="nochunk"><a name="WS55F178FF-4A93-4baa-BF2C-E73E7E619EF9"></a><h4 class="topictitle4">Add a theme to the Swatches panel of your application</h4><div><ol><li><p>In the Browse panel, select a theme you want to
use.</p>
</li>
<li><p>Click the triangle on the right side of the theme and select
Add To Swatches Panel.</p>
<p>You can also add a theme from the Create
panel by clicking the Add To Swatches button at the bottom of the
panel.</p>
</li>
</ol>
<div class="note"><span class="notetitle">Note:  </span>Some Creative Suite applications don’t have a Swatches panel.</div>
</div></div><div id="WS4E016AF2-3CFA-4e0b-BBC1-46F61716FEF4" class="nochunk"><a name="WS4E016AF2-3CFA-4e0b-BBC1-46F61716FEF4"></a><h4 class="topictitle4">Edit a theme</h4><div><ol><li><p>In the Browse panel, locate a theme you want to
edit and then double-click the theme in the search results. The
theme opens in the Create panel.</p>
</li>
<li><p>In the Create panel, edit the theme using the tools at your
disposal. For more information, see the Create Panel Tools topic
that follows.</p>
</li>
<li><p>Do one of the following:</p>
<ul><li><p>Save your theme by
clicking the Save Theme button.</p>
</li>
<li><p>Add the theme to your application’s Swatches panel by clicking
the Add To Swatches Panel button at the bottom of the panel.</p>
</li>
<li><p>Upload the theme to the Kuler service by clicking the Upload
button at the bottom of the panel.</p>
</li>
</ul>
</li>
</ol>
</div></div><div id="WS25729194-D53D-4dad-BF91-86C78DFEF275" class="nochunk"><a name="WS25729194-D53D-4dad-BF91-86C78DFEF275"></a><h4 class="topictitle4">Create panel tools</h4><div><p>The Create panel provides a variety of tools to create
or edit themes.</p>
<ul><li><p>Select a harmony rule from the Select Rule pop-up menu.
The harmony rule uses the base color as the basis for generating
the colors in the color group. For example, if you choose a blue
base color and the Complementary harmony rule, a color group is
created using the base color, blue, and its complement, red.</p>
</li>
<li><p>Select the Custom rule to create a theme using free-form
adjustments.</p>
</li>
<li><p>Manipulate the colors in the color wheel. As you make your
adjustments, the selected harmony rule continues to govern the colors
generated for the color group.</p>
</li>
<li><p> Move the Brightness slider beside the wheel to adjust the
color brightness.</p>
</li>
<li><p>Set the base color by dragging the Base color marker (the
largest, double-ringed color marker) around the wheel. You can also
set the base color by adjusting the color sliders at the bottom
of the dialog box.</p>
</li>
<li><p>Set one of the four other colors in the color group as the
base color. Select the color’s swatch and click the bull’s-eye button
below the color group. </p>
</li>
<li><p>Set the host application’s foreground/background color or
stroke/fill color as the base color. Click one of the first two
buttons below the color group.</p>
</li>
<li><p>Remove a color from the color group by selecting the color’s
swatch and clicking the Remove Color button below the color group.
Add a new color by selecting an empty color swatch and clicking
the Add Color button. </p>
</li>
<li><p>Try different color effects by selecting a new harmony rule
and by moving the markers in the color wheel.</p>
</li>
<li><p>Double-click any of the swatches on the color wheel or in
the color group to set the active color (foreground/background or
stroke/fill) in your application. If the application doesn't have
an active or selected color feature, the Kuler panel sets the foreground
color or the fill color as appropriate. </p>
</li>
</ul>
</div></div></div>

                <div id="related">
                    <div class="separator">&#160;</div>
                    
                    
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_InDesign_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>